<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtm">

<head>
    <meta charset="utf-8">
    <title>bootstrap</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="author" content="孙小涵">
    <script src="js/jquery.js"></script>
    <link rel="stylesheet" href="index.css">

</head>

<body>
    <div class="top">
        <div class="topa">
            <ul>
                <li>
                    <a id="topaa" href="#">
                        <span> QQ交谈 </span>
                    </a>
                </li>
                <li>
                    <a id="topab" href="#">
                        <span>官方QQ群</span>
                        <i class="jttran"></i>
                    </a>
                </li>
                <li>
                    <a id="topac" href="#">常见问题</a>
                </li>
            </ul>
            <div></div>
            <div>
                <ul id="shang">
                    <li>
                        <a id="shanga" href="">
                            <span><img src="images/8.png" alt=""></span>
                            <span>点我赚钱</span>

                        </a>
                    </li>
                    <li>
                        <a id="shangb" href="">注册</a>
                    </li>
                    <li>
                        <a id="shangc" href="">登录</a>
                    </li>
                    <li id="shangde">
                        <a id="shangd" href="">QQ登录</a>
                        <a id="shange" href="">微信登录</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <nav>
        <div>
            <div id="navshou">
                <div>
                    <a href=""><img src="images/logo.jpg" alt=""></a>
                </div>
                <ul>
                    <li><a class="shouye" href="#">首页</a> </li>
                    <li><a href="#">原创设计</a> </li>
                    <li><a href="#">广告设计</a></li>
                    <li><a href="#">淘宝设计</a></li>
                    <li><a href="#">素材分类</a></li>
                    <li><a href="#">千图灵感</a></li>
                    <li><a href="#">设计工具</a></li>
                    <li><a href="#">活动</a> </li>
                    <li><a href="#">VIP特权</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div id="bei">
        <div class="zi">专注免费设计素材网站</div>
        <div>
            <input type="" name="" value="" placeholder="800万免费设计素材任意下载">
            <span><a href="">搜全站</a></span>
            <span><a href="">搜原创</a></span>
        </div>

    </div>
    <main>
        <div class="lun">
            <div class="bu">
                <a href="">
                    <img src="images/4.png" alt="">
                </a>
            </div>

        </div>
        <div id="kuai">
            <a class="yuan" href="#">原创专区</a>
            <a class="ping" href="#">平面广告</a>
            <a class="dian" href="#">电商淘宝</a>
            <a class="wen" href="#">PPT/文库</a>
            <a class="she" href="#">摄影图库</a>
            <a class="wang" href="#">网页UI</a>
            <a class="shi" href="#">视频/音频</a>
        </div>
        <div id="toolszone">
            <dl>
                <a href="#">
                    <dt><img src="images/icon01.png" alt=""></dt>
                    <dd>开发手册</dd>
                </a>
            </dl>
            <dl>
                <a href="#">
                    <dt><img src="images/icon02.png" alt=""></dt>
                    <dd>UI图标库</dd>
                </a>
            </dl>
            <dl>
                <a href="#">
                    <dt><img src="images/icon03.png" alt=""></dt>
                    <dd>淘宝工具</dd>
                </a>
            </dl>
            <dl>
                <a href="#">
                    <dt><img src="images/icon04.png" alt=""></dt>
                    <dd>配色工具</dd>
                </a>
            </dl>
            <dl>
                <a href="#">
                    <dt><img src="images/icon05.png" alt=""></dt>
                    <dd>网页工具</dd>
                </a>
            </dl>
            <dl>
                <a href="#">
                    <dt><img src="images/icon06.png" alt=""></dt>
                    <dd>图标宝</dd>
                </a>
            </dl>
            <dl>
                <a href="#">
                    <dt><img src="images/icon07.png" alt=""></dt>
                    <dd>画册宝</dd>
                </a>
            </dl>
            <dl>
                <a href="#">
                    <dt><img src="images/icon08.png" alt=""></dt>
                    <dd>在线书法</dd>
                </a>
            </dl>
            <dl>
                <a href="#">
                    <dt><img src="images/icon09.png" alt=""></dt>
                    <dd>电商培训</dd>
                </a>
            </dl>
            <dl>
                <a href="#">
                    <dt><img src="images/icon10.png" alt=""></dt>
                    <dd>店铺装修代码</dd>
                </a>
            </dl>
            <div>
                <a href="#">更多设计工具</a>
            </div>
        </div>
        <div id="zhuanTi">
            <div id="reMen">
                <span>热门专题</span>
                <span><a href="#">更多<img src="images/001.png" alt=""></a></span>
            </div>
            <div id="zhuanTiTu">

                <div class="zhuanJi">
                    <div classs="zhuanTimg">
                        <a href="#"><img src="images/07.jpg" alt=""></a>
                    </div>
                    <div class="duanwu">
                        <p> <a href="#">「5.20」爱的元素背景集</a></p>
                    </div>
                </div>

                <div class="zhuanJi">
                    <div classs="zhuanTimg">
                        <a href="#"><img src="images/07.jpg" alt=""></a>
                    </div>
                    <div class="duanwu">
                        <p> <a href="#">「5.20」爱的元素背景集</a></p>
                    </div>
                </div>

                <div class="zhuanJi">
                    <div classs="zhuanTimg">
                        <a href="#"><img src="images/07.jpg" alt=""></a>
                    </div>
                    <div class="duanwu">
                        <p> <a href="#">「5.20」爱的元素背景集</a></p>
                    </div>
                </div>

                <div class="zhuanJi">
                    <div classs="zhuanTimg">
                        <a href="#"><img src="images/07.jpg" alt=""></a>
                    </div>
                    <div class="duanwu">
                        <p> <a href="#">「5.20」爱的元素背景集</a></p>
                    </div>
                </div>

                <div class="zhuanJi">
                    <div classs="zhuanTimg">
                        <a href="#"><img src="images/07.jpg" alt=""></a>
                    </div>
                    <div class="duanwu">
                        <p> <a href="#">「5.20」爱的元素背景集</a></p>
                    </div>
                </div>

            </div>
        </div>

    </main>
    <section>
        <div id="haiXing">
            <a href="#">友情链接</a>
            <a href="#">新素材</a>
            <a href="#">新搜索</a>
            <a href="#">热门素材</a>
            <a href="#">热门ppt素材</a>
            <a href="#">热门淘宝素材</a>
            <a href="#">热门装饰素材</a>
            <a href="#">热门专题</a>
            <a href="#">搜索地图</a>
            </ul>
        </div>


        <ul class="youQing">
            <li><a href="#">千图样式</a></li>
            <li><a href="#">我图网</a></li>
            <li><a href="#">90设计</a></li>
            <li><a href="#">摄图网</a></li>
            <li><a href="#">微信公众平台</a></li>
            <li><a href="#">图片之家</a></li>
            <li><a href="#">UI图标库</a></li>
            <li><a href="#">背景图片</a></li>
            <li><a href="#">精选素材</a></li>
            <li><a href="#">千广网</a></li>
            <li><a href="#">千图样式</a></li>
            <li><a href="#">我图网</a></li>
            <li><a href="#">90设计</a></li>
            <li><a href="#">摄图网</a></li>
            <li><a href="#">微信公众平台</a></li>
            <li><a href="#">图片之家</a></li>
            <li><a href="#">UI图标库</a></li>
            <li><a href="#">背景图片</a></li>
            <li><a href="#">精选素材</a></li>
            <li><a href="#">千广网</a></li>
            <li><a href="#">千图样式</a></li>
            <li><a href="#">我图网</a></li>
            <li><a href="#">90设计</a></li>
            <li><a href="#">摄图网</a></li>
            <li><a href="#">微信公众平台</a></li>
            <li><a href="#">图片之家</a></li>
            <li><a href="#">UI图标库</a></li>
            <li><a href="#">背景图片</a></li>
            <li><a href="#">精选素材</a></li>
            <li><a href="#">千广网</a></li>
            <li><a href="#">千图样式</a></li>
            <li><a href="#">我图网</a></li>
            <li><a href="#">90设计</a></li>
            <li><a href="#">摄图网</a></li>
            <li><a href="#">微信公众平台</a></li>
            <li><a href="#">图片之家</a></li>
            <li><a href="#">UI图标库</a></li>
            <li><a href="#">背景图片</a></li>
            <li><a href="#">精选素材</a></li>
            <li><a href="#">千广网</a></li>
            <li><a href="#">千图样式</a></li>
            <li><a href="#">我图网</a></li>
            <li><a href="#">90设计</a></li>
            <li><a href="#">摄图网</a></li>
            <li><a href="#">微信公众平台</a></li>
            <li><a href="#">图片之家</a></li>
            <li><a href="#">UI图标库</a></li>
        </ul>

    </section>
    <div id="footer">
        <div class="foone">
            <div class="foleft">
                <div class="foop">
                    <a href="#">官方微博</a>
                    <a href="#">常见问题</a>
                    <a href="#">版权声明</a>
                    <a href="#">关于我们</a>
                    <a href="#">售后服务</a>
                    <a href="#">新素材</a>
                    <a href="#">图片下载</a>
                    <a href="#">素材专题</a>
                    <a href="#">千图导航</a>
                    <span>客服电话 : 400-998-7011</span>
                </div>
                <div class="foot"><span>千图网素材为用户免费分享产生，若发现您的权利被侵害，请联系tousu@58pic.com ，我们尽快处理</span></div>
                <div class="foom"><span>Copyright © 2015<a href="#">千图网</a> 沪ICP备10011451号-6 用时：0.0105 0.546 秒
                    <img src="images/er.png" alt="">上海工商</span></div>
                <div id="zuihou">
                    <a href="#"><img src="images/67.png" alt=""></a>
                </div>
            </div>

        </div>

    </div>
</body>

</html>